<%@page import="com.dfhc.util.CryptoHelper"%>
<%@page contentType="text/html; charset=UTF-8" language="java"%>
﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/GX_css/base.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/GX_css/home.css" />
<link  type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/css/GX_css/jquery-ui.css">
  <link  type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/css/GX_css/wait_things.css">
  <link href="<%=request.getContextPath()%>/css/activiti/jquery.qtip.css?v=1.1.2" type="text/css" rel="stylesheet" />
<title>流程监控</title>
  <style>
 html{border:1px solid #C1D3DE; height:auto; min-height:99.6%}
	   table#need-border{
       width: 260px;
       padding: 0;
       border-collapse: collapse;
       cellspacing:0;
        cellpadding:0;
     }
     
     #need-border td{width: 50%;text-align: left;border: 1px solid #ccc;word-break:break-all;}
    </style>
</head>

<body>
<!--未办事项展示表单 begin-->
        <div class="myDialog_box myDialog_box_liucheng left">
            <div class="myDialog_box_liucheng_left left" id="shi_process" style="padding:1px;">
            </div>
    </div>

<!--未办事项展示表单 end-->
</body>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GX_js/jquery.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GX_js/common.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GX_js/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/rm-tools.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/activiti/workflow.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/activiti/jquery.qtip.pack.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/activiti/jquery.outerhtml.js"></script>
<script type="text/javascript">
var pid='${pid}';
var pdid='${pdid}';

//TODO 
	 var url = "${pageContext.request.contextPath}/workflow/diagram-viewer/index.html?processDefinitionId="+pdid+"&processInstanceId="+pid;
   var imageUrl= "${pageContext.request.contextPath}<%=CryptoHelper.encryptUrl(request,"/workflow/resource/process-instance")%>?pid=" +pid+ "&type=image&time="+new Date();
   var traceUrl= "${pageContext.request.contextPath}<%=CryptoHelper.encryptUrl(request,"/workflow/process/trace")%>?pid=" +pid+"&time="+new Date();

	   
	var options={
			'pid':pid,
			'pdid':pdid,
			'url':url,
			'imageUrl':imageUrl,
			'traceUrl':traceUrl
			
	
	};
	
	$("#shi_process").html('<div id="imgDialog"><iframe src="' + url + '" width="100%" height="' + document.documentElement.clientHeight * 0.70 + '" /></div>');
	
	graphTrace(options);
  
</script>
</html>
